<template>
        <h3>电影标题：{{movie.title}}</h3>
        <button @click="next">点我换下一步电影</button>
    <div>
    </div>
</template>

<script setup lang="ts">
    // 在此处编写的代码，相当于在setup方法中编写的代码
    // 在此处声明的变量都会自动导出，在template直接使用
    import { reactive } from 'vue'
    const movie = reactive({
        title:'功夫之王',
        actors: ['亮亮', '小新']
    })
    // 普通变量虽然页面中可以使用，但是并没有实现数据响应式
    const a = 100
    // 声明方法
    const next = ()=>{
        movie.title = '熊出没6'
    }
</script>

<style scoped>

</style>
